<template>
	<view>
		<image src="/static/img/countyside.png" class="img-d"></image>
		<u-grid col="2">
			<u-grid-item>
				<view class="test1">
				<text class="title">政策文件</text>
				<text class="text" style="display: block;">快速读取指南</text>
			    </view>
				
				<image class="img-e" src="/static/img/政策文件.png"></image>
			</u-grid-item>
			<u-grid-item>
				<view class="test1">	
				<text class="title">政策解读</text>
				<text class="text">洞察政策文件</text></view>
			
				<image class="img-e" src="/static/img/政策解读.png"></image>			
			</u-grid-item>
			<u-grid-item>
				<view class="test1">
					<text class="title">分析报告</text>
					<text class="text">查询详细报告</text>
				</view>
				
				<image class="img-e" src="/static/img/分析报告.png"></image>			
			</u-grid-item>
			<u-grid-item>
				<view class="test1">
					<text class="title">农产品指数</text>
					<text class="text">每日民生实时数据</text>
				</view>
		
				<image class="img-e" src="/static/img/农产品指数.png"></image>			
			</u-grid-item>
			<u-grid-item>
				<view class="test1">
					<text class="title">我的专属</text>
					<text class="text">私人订阅|精准推送</text>
				</view>
			
				<image class="img-e" src="/static/img/我的专属.png"></image>			
			</u-grid-item>
		</u-grid>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.img-d{
	width: 100%;
	height: 240px;
}
.u-grid-item{
	width: 30px;
	height: 200px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.title{
	font-size: 25px;
}
.img-e{
	height: 80px;
	width: 60px;
}
.text{
	display: block;
}
</style>
